<div class="layui-card" style="text-align: center">
    <div class="layui-card-header layui-bg-green">高考倒计时</div>
    <div class="layui-card-body">
        2020年7月7日高考还剩多少时间<br>
        <div class="countdown" style="margin-top: 18px;"></div>
    </div>
</div>

<div class="layui-card">
    <div class="layui-card-header">卡片面板</div>
    <div class="layui-card-body">
        卡片式面板面板通常用于非白色背景色的主体内<br>
        从而映衬出边框投影
    </div>
</div>

<div class="layui-card">
    <div class="layui-card-header">卡片面板</div>
    <div class="layui-card-body">
        卡片式面板面板通常用于非白色背景色的主体内<br>
        从而映衬出边框投影
    </div>
</div>
<script type="text/javascript">
    $(function(){
        var b = new Date;
        var b = -b.getTimezoneOffset() / 60;
        var i = '2025/02/18 00:00:00';
        var config = {
            timeText: i, //倒计时时间
            timeZone: b, //时区
            style: "flip", //显示的样式，可选值有flip,slide,metal,crystal
            color: "white", //显示的颜色，可选值white,black
            width: 300, //倒计时宽度
            textGroupSpace: 15, //天、时、分、秒之间间距
            textSpace: 0, //数字之间间距
            reflection: !0, //是否显示倒影
            reflectionOpacity: 10, //倒影透明度
            reflectionBlur: 0, //倒影模糊程度
            dayTextNumber: 3, //倒计时天数数字个数
            displayDay: !0, //是否显示天数
            displayHour: !0, //是否显示小时数
            displayMinute: !0, //是否显示分钟数
            displaySecond: !0, //是否显示秒数
            displayLabel: !0, //是否显示倒计时底部label
            onFinish: function() {}
        };
        $(".countdown").jCountdown(config);
    });
</script>
